/* head */
.head {
  border-bottom: 1px solid #ccc;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.head-nav li a {
  color: #fff;
}
.head-btn .btn-log {
  color: #fff;
}
.head-nav .active {
  border-bottom: 2px solid #fff;
}

/* ad */
.ad {
  height: 680px;
}

.swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持原有尺寸比例 */
}

/* cloud */
.cloud {
  height: 630px;
}
.cloud-text {
  text-align: center;
  margin-top: 92px;
}
.cloud-text h2 {
  font-size: 40px;
  font-weight: normal;
}
.cloud-text p {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  margin-bottom: 24px;
}
.cloud-text a {
  color: #1271ef;
}

.list-li {
  display: block;
  width: 240px;
  margin-top: 34px;
  margin-left: 40px;
  box-shadow: 2px 4px 10px 0 #93bef7;
}
.cloud-list .service {
  font-size: 22px;
  margin: 8px 0 10px 20px;
}
.cloud-list .serch {
  color: #1271ef;
  padding: 20px;
}
.cloud-list .text {
  color: #666;
  margin-left: 20px;
}

/* APIsort */
.APIsort {
  height: 640px;
  background: url("../imgs/more-api-bg.svg") #f8f9fb;
}
.sort-text {
  text-align: center;
  margin-top: 92px;
}
.sort-text h2 {
  font-size: 40px;
  font-weight: normal;
}
.sort-text p {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  margin-bottom: 24px;
}
.sort-text a {
  color: #1271ef;
}
.sort-ul {
  height: 360px;
  margin-top: 30px;
}
.sort-img a {
  display: block;
  width: 224px;
  height: 138px;
  text-align: center;
  box-shadow: 2px 4px 10px 0 #93bef7;
  margin: 0 15px 20px 0;
}
.sort-img a img {
  margin-top: 36px;
}
.sort-img a p {
  margin-top: 10px;
}
.sort-forch {
  text-align: center;
}
.sort-forch a {
  color: #1271ef;
}

/* APImaster */
.master-text {
  text-align: center;
  margin-top: 92px;
}
.master-text h2 {
  font-size: 40px;
  font-weight: normal;
}
.master-text p {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  margin-bottom: 24px;
}
.master-text a {
  color: #1271ef;
}
.master-pro {
  height: 610px;
  background: url("../imgs/master-left-bg.svg") no-repeat;
  background-position-y: -30px;
}
.pro-list {
  width: 500px;
}
.lists {
  position: relative;
  padding-left: 20px;
  margin-top: 48px;
}
.lists span {
  position: absolute;
  width: 4px;
  height: 24px;
  top: 8px;
  left: 0px;
  background-color: #1271ef;
}
.lists .icon1 {
  background: url("../imgs/master-item-icon-01.svg") no-repeat;
  background-position-y: 4px;
}
.lists .lists-AI {
  padding-left: 20px;
  font-size: 18px;
  line-height: 26px;
}
.lists .icon2 {
  background: url("../imgs/master-item-icon-02.svg") no-repeat;
  background-position-y: 4px;
}
.lists .icon3 {
  background: url("../imgs/master-item-icon-03.svg") no-repeat;
  background-position-y: 4px;
}
.lists .icon4 {
  background: url("../imgs/master-item-icon-04.svg") no-repeat;
  background-position-y: 4px;
}
.lists .icon5 {
  background: url("../imgs/master-item-icon-05.svg") no-repeat;
  background-position-y: 4px;
}
.lists .icon6 {
  background: url("../imgs/master-item-icon-06.svg") no-repeat;
  background-position-y: 4px;
}

/* business */
.business-text {
  text-align: center;
  margin-top: 92px;
}
.business-text h2 {
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 10px;
}
.business-text a {
  color: #1271ef;
}

.business-center {
  background: #f8f9fb;
  height: 230px;
  margin-top: 96px;
  position: relative;
}

.bus-cont {
  height: 270px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  opacity: 0;/* 透明度 */
}
.business-center .active {
  opacity: 1;
  z-index: 999;
}

.cont-zhylian {
  width: 580px;
  margin-top: -20px;
  margin-right: 56px;
}
.cont-help {
  margin-top: -22px;
}
.cont-font {
  font-size: 14px;
  line-height: 24px;
  margin-top: 28px;
}
.cont-icon {
  position: relative;
  margin-top: 20px;
}
.cont-icon .icon1 {
  position: absolute;
  width: 12px;
  height: 3px;
  top: 10px;
  left: -18px;
  background-color: #1271ef;
}

.business-logo a {
  line-height: 150px;
  margin-right: 56px;
}

/* sofe */

.sofe-text {
  text-align: center;
  margin-top: 92px;
}
.sofe-text h2 {
  font-size: 40px;
  font-weight: normal;
}
.sofe-text p {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  margin-bottom: 24px;
}
.sofe-text a {
  color: #1271ef;
}
.sofe-list {
  height: 220px;
}
.sofe-list li {
  width: 200px;
  margin-top: 20px;
  text-align: center;
}
.sofe-list .list-img {
  line-height: 90px;
}
.sofe-list p {
  line-height: 52px;
}

/* free */
.free {
  height: 240px;
  position: relative;
  background: url("../imgs/login-register-bg.svg") #1271ef;
}
.free-font {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.free-font p {
  font-size: 30px;
  color: #fff;
}
.free-font a {
  padding: 14px 40px;
  color: #fff;
  border: 1px solid #fff;
  position: absolute;
  left: 215px;
  top: 54px;
}


/* return-top */
.return-top{
  width: 40px;
  height: 40px;
  /* background: #ccc; */
  background: url('../imgs/returntopicon.jpg') no-repeat -163px -58px ;
  position: fixed;
  right: 97px;
  bottom: 16px;
  
}